<?php
use Yii\helpers\Html;
$this->title = '移动端管理';
?>
<div class="container">
    <div class="row">
      
        <?php echo $this->render('_leftnav'); ?>
        <div class="col-md-10">
          <div class="page-header clearfix">
            <h1 class="pull-left">轮播图设置</h1>
            <div class="pull-right">

                                            
            </div>
          </div>

          
                                
                                          <ul class="nav nav-tabs mbm">
                              <li class="active">
                                        <a href="http://dcoffee.edusoho.com.cn/admin/operation/mobile">轮播图设置</a>

                                  </li>
                              <li>
                                        <a href="http://dcoffee.edusoho.com.cn/admin/operation/mobile/select">每周精选设置</a>

                                  </li>
                          </ul>
          
          
          <style>

#mobile-banner1-container img , 
#mobile-banner2-container img , 
#mobile-banner3-container img , 
#mobile-banner4-container img , 
#mobile-banner5-container img 
{max-width: 80%; margin-bottom: 10px;}

.course-grids {
  margin:0 -15px 0 0;
  padding:0;
  list-style: none;
}

.course-grid {
  display: inline-block;
  vertical-align: top;
  margin: 15px 15px 15px 0;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}

.banner-course .course-grid {
  margin: 0 0 0 0;
  margin-left: 10px;
}

.course-grid .series-mode-label {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
}

.course-grid .grid-body {
  position: relative;
  width: 170px;
  display: block;
  overflow: hidden;
  border-radius: 4px;
  color: #353535;
}

.grid-body a{
  text-decoration: none;
}

.course-grid .title {
  display: block;
  padding: 10px;
  min-height: 52px;
  color: #555;
  font-weight: bold;
}

.course-grid .add-course {
  font-size: 80px;
  height: 148px;
  text-align: center;
  padding-top: 30px;
}


</style>

  

<form class="form-horizontal" id="mobile-form" method="post">

  <fieldset>
    
    
    <div class="help-block">客户端显示的轮播图。最多5张，建议图片大小为640*330，格式支持jpg、png。</div>
    <div class="form-group">
      <div class="col-md-2 control-label">
        <label for="banner1">轮播图1</label>
      </div>
      <div class="col-md-8 controls">
        <div id="mobile-banner1-container"><img src="%E8%BD%AE%E6%92%AD%E5%9B%BE%E8%AE%BE%E7%BD%AE%20-%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%20-%20%E8%BF%90%E8%90%A5_files/mobile_picture1441527296.png"></div>

        <button class="btn btn-default btn-sm" id="mobile-banner1-upload" type="button" data-url="/admin/operation/mobile/picture/upload/banner1">上传</button>
        <button class="btn btn-default btn-sm" id="mobile-banner1-remove" type="button" data-url="/admin/operation/mobile/picture/remove/banner1">删除</button>

        <p class="help-block">请上传png, gif, jpg格式的图片文件。</p>







        <div class="banner-setting" role="banner1-setting">
          <input role="bannerClick1" name="bannerClick1" value="0" type="radio">默认（无触发动作）
          <input role="bannerClick1" name="bannerClick1" value="1" checked="checked" type="radio">跳转到连接地址

          <input role="bannerClick1" name="bannerClick1" value="2" type="radio">跳转到内部课程

          <div class="row">
            <div class="col-xs-11">
              <input id="bannerUrl1" name="bannerUrl1" class="form-control" value="http://www.qiqiuyu.com/" placeholder="请填写连接地址" type="text">
            </div>  
          </div>

          <div class="row" id="selectBannerCourse1" data-role="selectBannerCourse" style="display:none">
            <a data-role="selectCourse" class="btn btn-sm btn-primary pull-left" data-toggle="modal" data-target="#modal" data-url="/admin/course/search_to_fill_banner">
             选课
            </a>
            <div name="bannerCourseShow1">
              <ul class="banner-course" role="bannerCourse">
                <li data-course-id="" class="course-grid related-course-grid" role="course-item" style="cursor:pointer">
	<div class="grid-body" style="position:relative">
  		<img src="%E8%BD%AE%E6%92%AD%E5%9B%BE%E8%AE%BE%E7%BD%AE%20-%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%20-%20%E8%BF%90%E8%90%A5_files/course.png" class="img-responsive thumb">
		<span class="title" style="max-height: 15px;overflow: hidden;line-height: 20px;">
		还没有选择课程
		</span>
		
		<button type="button" role="course-item-delete" data-course-id="" style="display:none" class="series-mode-label close">X</button>
		
	</div>
</li>              </ul>
            </div>
            <input name="bannerJumpToCourseId1" class="form-control" value=" " placeholder="请填写内部课程Id" style="display:none;" type="text">
          </div>
        </div>

        
        <input name="banner1" value="files/system/mobile_picture1441527296.png" type="hidden">
      </div>
    </div>

    <div class="form-group">
      <div class="col-md-2 control-label">
        <label for="banner2">轮播图2</label>
      </div>
      <div class="col-md-8 controls">
        <div id="mobile-banner2-container"></div>

        <button class="btn btn-default btn-sm" id="mobile-banner2-upload" type="button" data-url="/admin/operation/mobile/picture/upload/banner2">上传</button>
        <button class="btn btn-default btn-sm" id="mobile-banner2-remove" type="button" data-url="/admin/operation/mobile/picture/remove/banner2" style="display:none;">删除</button>

        <p class="help-block">请上传png, gif, jpg格式的图片文件。</p>







        <div class="banner-setting" role="banner2-setting" style="display:none;">
          <input role="bannerClick2" name="bannerClick2" checked="checked" value="0" type="radio">默认（无触发动作）
          <input role="bannerClick2" name="bannerClick2" value="1" type="radio">跳转到连接地址

          <input role="bannerClick2" name="bannerClick2" value="2" type="radio">跳转到内部课程

          <div class="row">
            <div class="col-xs-11">
              <input id="bannerUrl2" name="bannerUrl2" class="form-control" placeholder="请填写连接地址" style="display:none" type="text">
            </div>  
          </div>

          <div class="row" id="selectBannerCourse2" data-role="selectBannerCourse" style="display:none">
            <a data-role="selectCourse" class="btn btn-sm btn-primary pull-left" data-toggle="modal" data-target="#modal" data-url="/admin/course/search_to_fill_banner">
             选课
            </a>
            <div name="bannerCourseShow2">
              <ul class="banner-course" role="bannerCourse">
                <li data-course-id="" class="course-grid related-course-grid" role="course-item" style="cursor:pointer">
	<div class="grid-body" style="position:relative">
  		<img src="%E8%BD%AE%E6%92%AD%E5%9B%BE%E8%AE%BE%E7%BD%AE%20-%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%20-%20%E8%BF%90%E8%90%A5_files/course.png" class="img-responsive thumb">
		<span class="title" style="max-height: 15px;overflow: hidden;line-height: 20px;">
		还没有选择课程
		</span>
		
		<button type="button" role="course-item-delete" data-course-id="" style="display:none" class="series-mode-label close">X</button>
		
	</div>
</li>              </ul>
            </div>

            <input name="bannerJumpToCourseId2" class="form-control" value=" " placeholder="请填写内部课程Id" style="display:none;" type="text">
          </div>
        </div>

        
        <input name="banner2" value="" type="hidden">
      </div>
    </div>

    <div class="form-group">
      <div class="col-md-2 control-label">
        <label for="banner3">轮播图3</label>
      </div>
      <div class="col-md-8 controls">
        <div id="mobile-banner3-container"></div>

        <button class="btn btn-default btn-sm" id="mobile-banner3-upload" type="button" data-url="/admin/operation/mobile/picture/upload/banner3">上传</button>
        <button class="btn btn-default btn-sm" id="mobile-banner3-remove" type="button" data-url="/admin/operation/mobile/picture/remove/banner3" style="display:none;">删除</button>

        <p class="help-block">请上传png, gif, jpg格式的图片文件。</p>







        <div class="banner-setting" role="banner3-setting" style="display:none;">
          <input role="bannerClick3" name="bannerClick3" checked="checked" value="0" type="radio">默认（无触发动作）
          <input role="bannerClick3" name="bannerClick3" value="1" type="radio">跳转到连接地址

          <input role="bannerClick3" name="bannerClick3" value="2" type="radio">跳转到内部课程

          <div class="row">
            <div class="col-xs-11">
              <input id="bannerUrl3" name="bannerUrl3" class="form-control" placeholder="请填写连接地址" style="display:none" type="text">
            </div>  
          </div>

          <div class="row" id="selectBannerCourse3" data-role="selectBannerCourse" style="display:none">
            <a data-role="selectCourse" class="btn btn-sm btn-primary pull-left" data-toggle="modal" data-target="#modal" data-url="/admin/course/search_to_fill_banner">
             选课
            </a>
            <div name="bannerCourseShow3">
              <ul class="banner-course" role="bannerCourse">
                <li data-course-id="" class="course-grid related-course-grid" role="course-item" style="cursor:pointer">
	<div class="grid-body" style="position:relative">
  		<img src="%E8%BD%AE%E6%92%AD%E5%9B%BE%E8%AE%BE%E7%BD%AE%20-%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%20-%20%E8%BF%90%E8%90%A5_files/course.png" class="img-responsive thumb">
		<span class="title" style="max-height: 15px;overflow: hidden;line-height: 20px;">
		还没有选择课程
		</span>
		
		<button type="button" role="course-item-delete" data-course-id="" style="display:none" class="series-mode-label close">X</button>
		
	</div>
</li>              </ul>
            </div>
            <input name="bannerJumpToCourseId3" class="form-control" value=" " placeholder="请填写内部课程Id" style="display:none;" type="text">
          </div>
        </div>

        
        <input name="banner3" value="" type="hidden">
      </div>
    </div>


    <div class="form-group">
      <div class="col-md-2 control-label">
        <label for="banner4">轮播图4</label>
      </div>
      <div class="col-md-8 controls">
        <div id="mobile-banner4-container"></div>

        <button class="btn btn-default btn-sm" id="mobile-banner4-upload" type="button" data-url="/admin/operation/mobile/picture/upload/banner4">上传</button>
        <button class="btn btn-default btn-sm" id="mobile-banner4-remove" type="button" data-url="/admin/operation/mobile/picture/remove/banner4" style="display:none;">删除</button>

        <p class="help-block">请上传png, gif, jpg格式的图片文件。</p>







        <div class="banner-setting" role="banner4-setting" style="display:none;">
          <input role="bannerClick4" name="bannerClick4" checked="checked" value="0" type="radio">默认（无触发动作）
          <input role="bannerClick4" name="bannerClick4" value="1" type="radio">跳转到连接地址

          <input role="bannerClick4" name="bannerClick4" value="2" type="radio">跳转到内部课程

          <div class="row">
            <div class="col-xs-11">
              <input id="bannerUrl4" name="bannerUrl4" class="form-control" placeholder="请填写连接地址" style="display:none" type="text">
            </div>  
          </div>

          <div class="row" id="selectBannerCourse4" data-role="selectBannerCourse" style="display:none">
            <a data-role="selectCourse" class="btn btn-sm btn-primary pull-left" data-toggle="modal" data-target="#modal" data-url="/admin/course/search_to_fill_banner">
             选课
            </a>
            <div name="bannerCourseShow4">
              <ul class="banner-course" role="bannerCourse">
                <li data-course-id="" class="course-grid related-course-grid" role="course-item" style="cursor:pointer">
	<div class="grid-body" style="position:relative">
  		<img src="%E8%BD%AE%E6%92%AD%E5%9B%BE%E8%AE%BE%E7%BD%AE%20-%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%20-%20%E8%BF%90%E8%90%A5_files/course.png" class="img-responsive thumb">
		<span class="title" style="max-height: 15px;overflow: hidden;line-height: 20px;">
		还没有选择课程
		</span>
		
		<button type="button" role="course-item-delete" data-course-id="" style="display:none" class="series-mode-label close">X</button>
		
	</div>
</li>              </ul>
            </div>
            <input name="bannerJumpToCourseId4" class="form-control" value=" " placeholder="请填写内部课程Id" style="display:none;" type="text">
          </div>
        </div>

        
        <input name="banner4" value="" type="hidden">
      </div>
    </div>


    <div class="form-group">
      <div class="col-md-2 control-label">
        <label for="banner5">轮播图5</label>
      </div>
      <div class="col-md-8 controls">
        <div id="mobile-banner5-container"></div>

        <button class="btn btn-default btn-sm" id="mobile-banner5-upload" type="button" data-url="/admin/operation/mobile/picture/upload/banner5">上传</button>
        <button class="btn btn-default btn-sm" id="mobile-banner5-remove" type="button" data-url="/admin/operation/mobile/picture/remove/banner5" style="display:none;">删除</button>

        <p class="help-block">请上传png, gif, jpg格式的图片文件。</p>







        <div class="banner-setting" role="banner5-setting" style="display:none;">
          <input role="bannerClick5" name="bannerClick5" checked="checked" value="0" type="radio">默认（无触发动作）
          <input role="bannerClick5" name="bannerClick5" value="1" type="radio">跳转到连接地址

          <input role="bannerClick5" name="bannerClick5" value="2" type="radio">跳转到内部课程

          <div class="row">
            <div class="col-xs-11">
              <input id="bannerUrl5" name="bannerUrl5" class="form-control" placeholder="请填写连接地址" style="display:none" type="text">
            </div>  
          </div>

          <div class="row" id="selectBannerCourse5" data-role="selectBannerCourse" style="display:none">
            <a data-role="selectCourse" class="btn btn-sm btn-primary pull-left" data-toggle="modal" data-target="#modal" data-url="/admin/course/search_to_fill_banner">
             选课
            </a>
            <div name="bannerCourseShow5">
              <ul class="banner-course" role="bannerCourse">
                <li data-course-id="" class="course-grid related-course-grid" role="course-item" style="cursor:pointer">
	<div class="grid-body" style="position:relative">
  		<img src="%E8%BD%AE%E6%92%AD%E5%9B%BE%E8%AE%BE%E7%BD%AE%20-%20%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%86%85%E5%AE%B9%E7%AE%A1%E7%90%86%20-%20%E8%BF%90%E8%90%A5_files/course.png" class="img-responsive thumb">
		<span class="title" style="max-height: 15px;overflow: hidden;line-height: 20px;">
		还没有选择课程
		</span>
		
		<button type="button" role="course-item-delete" data-course-id="" style="display:none" class="series-mode-label close">X</button>
		
	</div>
</li>              </ul>
            </div>
            <input name="bannerJumpToCourseId5" class="form-control" value=" " placeholder="请填写内部课程Id" style="display:none;" type="text">
          </div>
        </div>

        
        <input name="banner5" value="" type="hidden">
      </div>
    </div>

    
  </fieldset>

  <input name="_csrf_token" value="4253d99d13d8903560ffb063080795e920d63105" type="hidden">
  
  <div class="row form-group">
    <div class="controls col-md-offset-2 col-md-8">
      <button type="submit" class="btn btn-primary">提交</button>
    </div>
  </div>

</form>


        </div>

          </div>
  </div>
